@charset"UTF-8";

//导航
.zhang_nav{
  height: 70px;
  width:810px;
  margin:0 auto;
  position: relative;
  .zhang_nav_left{
    margin-top: 10px;
    float: left;
    img{
      width:160px;
      height:50px;
    }
  }
  .zhang_nav_right{
    float: right;
    li{
      margin-left:25px;
      float: left;
      margin-top:33px;
      text-align: center;
      font-size:14px;
      a{
        color: black;
      }
        a:hover{
        color: #519EF7;
      }
      ol{
        position: absolute;
        display: none;
        background: white;
        z-index: 5;
        width:100px;
        height:90px;
        li{
          width:100%;
          font-size:10px;
          text-align: center;
          line-height: 23px;
          margin:0;
          a{
            color: black;
          }
          :hover{
            color: #519EF7;
          }
        }
      }
    }
  }
  .zhang_nav_top{
    position: absolute;
    top: -25px;
    right:-40px;
    font-size:12px;
    ol{
      width:120px !important;
      height:75px !important;
      li{
        width:120px !important;
      }
    }
  }
}



.H_img{
    width: 100%;
    height: auto;
    img{
         width: 100%;
    }
}
.H_scheme,.H_dis_a{
    width: 100%;
    text-align: center;
    margin-top: 64px;
    span{
       color: gray;
    }
    span:nth-of-type(2){
        font-size: 20px;
        font-weight: 900;
        color: black;
    }
    P{
        font-size: 14px;
        margin-top: 10px;
    }
}
.H_scheme_a{
    
  width: 100%;
  margin-top: 50px;
  height: 320px;
    
}
.H_scheme_b{
    width: 760px;
    margin: 0 auto;
    overflow: hidden;
    div{
        width: 220px;
        float: left;
        text-align: center;
        p:nth-of-type(1){
            font-size: 18px;
            font-weight: 800;
            margin-top: 20px;
        }
        p:nth-of-type(2){
            font-size: 12px;
            color: gray;
            margin-top: 10px;
            text-align: left;
        }
        img{
            width: 50%;
        }
    }
    div:nth-of-type(2){
        margin-left: 45px;
        
    }
     div:nth-of-type(3){
        margin-left: 45px;
          p:nth-of-type(3){
            font-size: 12px;
            color: gray;
            text-align: left;
        }
    }
}
.H_dis{
    width: 100%;
    background: #fafafa;
    overflow: hidden;
    img{
        width: 100%;
    }
}
.H_dis_a{
    margin-top: 64px;
}


.H_nrg{
    width: 100%;
    height: 380px;
  
}
.H_nrf{
    width: 80%;
    height: 250px;
    margin: 0 auto;
    margin-top: 30px;
    li{
        width: 20%;
        height: 83.33px;
        text-align: center;
        float: left;
        box-sizing: border-box;
        border-bottom: 1px dashed #cccccc;
        border-left: 1px dashed #cccccc;
       padding: 20px 0;
    }
       .qa{
          border-bottom: none;
      }
     .q{border-left:none ;}
}
.H_btn{
    width: 100%;
    height: auto;
    
    div{
        width: 100px;
        height: 30px;
        border: 1px solid orange;
        margin: 0 auto;
        text-align: center;
        line-height: 30px;
        border-radius: 3px;
        a{
            text-decoration: none;
            color: orange;
        }
    }
}
.foo{
    width: 100%;
    height: 107px;
    background: #212425;
    padding-top: 16px;
    margin-top: 20px;
    .foo_a{
        width: 1071px;
        height: 50px;
        border-bottom: 1px solid #888888;
        color: #c7c9c9;
        margin: 0 auto;
        padding-top: 15px;
        .z{
            float: left;
            margin-left: 180px;
            margin-top: 5px;
            li{
                float: left;
                font-size: 10.5px;
                padding: 0 14px;
                border-left: 1px solid;
            }
            .q{border-left: none;}
            
        }
        
        .y{
            width: 188px;
            height: 23px;
            margin-left: 47px;
            float: left;
            
            p{
                float: left;
                color: #727272;
                
                img{width: 25px;}
            }
            
            .d{
                margin-left: 8px;
            }
        }
    }
    
    .foo_b{
        width: 1071px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        margin: 0 auto;
        font-size: 10.5px;
        color: #838383;
    }
}